<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_804036_1ropivyaa2w.css">
    <link rel="stylesheet" href="../../css/member/greenPower.css">
    <style>
      section{
        padding-top: 165px;
      }
      .title_main p{
        margin: auto 0;
      }
      .invitation{
        margin-left: auto !important;
        background: #333;
        color: white;
        padding: 7px 15px;
        border-radius: 3px;
      }
      .list li{
        border-bottom: 1px solid #f5f5f5;
        padding: 16px 14px;
      }
      .list li::after{
        height: 0 !important;
      }
      .list img{
        width: 60px;
        height: 60px;
        margin: auto 0;
        border-radius: 50%;
      }
      .center{
        margin: auto 0 auto;;
      }
      .list li .right{
        color: #333 !important;
      }
      .right img{
        vertical-align: bottom;
        margin-right: 7px;
        width: 14px;
        height: 20px;
      }
    </style>
</head>
<body>
<header id="header">
  我的好友
   <span class="left" onclick="api.closeWin()"><i class="iconfont icon-back"></i></span>
 </header>
 <div class="title">
   <div class="title_main" style="text-align:left;padding:20px 13px;display:flex;">
      <p>共<span class="red">13</span>好友</p>
      <p class="invitation" onclick="shareWx()">邀请好友</p>
    </div>
 </div>
 <section>
   <div class="list">
     <ul>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">发多少</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
       <li>
        <img src="../../image/beijing_01.png" alt="">
         <div class="center">2018-06-09</div>
         <div class="right"><img src="../../image/lvneng.png" alt="">100</div>
       </li>
     </ul>
   </div>
 </section>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript">
  var wx=null;
  apiready=function () {
    wx=api.require('wx')
  }

    //选择时间
    function timeChange(self) {
      var value=self.value;
      $api.byId('Date').value=value;

    }
    function shareWx(){
      wx.shareImage({
        apiKey: '',
        scene: 'session',
        contentUrl: 'http://community.apicloud.com/bbs/uc_server/avatar.php?uid=110501&size=middle'
      }, function(ret, err) {
        if (ret.status) {
            alert('分享成功');
        } else {
            alert(err.code);
        }
      });
    }
</script>
</html>
